Skip to content

Reskin frontend with polished visual design#39

Merged
DorianZheng merged 1 commit intomainfrom
ui/visual-reskin
Mar 22, 2026
Merged

Reskin frontend with polished visual design#39
DorianZheng merged 1 commit intomainfrom
ui/visual-reskin

Conversation

@DorianZheng
Copy link
Copy Markdown
Collaborator

Summary

  • Remap theme tokens to warm neutral palette (light + dark mode) while keeping pink accent
  • Consolidate 41 inline SVGs into centralized icons.ts utility (-188 lines net)
  • Increase control heights, padding, and spacing for spacious feel
  • Circle avatars, flatter buttons, subtler borders/shadows, near-invisible scrollbars
  • Fix composer background (transparent, no visible rectangle), larger toolbar toggle icon
  • Add draggable sidebar header for Electron window movement

Test plan

  • make build passes
  • Visual check in light and dark mode
  • Pink accent appears on focus rings, selected items, brand elements
  • Sidebar header draggable in Electron
  • Composer blends with page background (no rectangle)
  • Toggle icon visible and properly sized when sidebar collapsed

Adopt warm neutral color palette, spacious spacing, and refined component
styling while keeping Dune's pink accent and sidebar+content layout.

- Remap theme.css tokens (light + dark mode colors, shadows, radii)
- Switch to system fonts, remove Google Fonts import
- Consolidate 41 inline SVGs into centralized icons.ts utility
- Increase control heights and padding for spacious feel
- Circle avatars, flatter buttons, subtler borders/shadows
- Transparent composer background, larger toolbar toggle icon
- Draggable sidebar header for Electron window movement
@DorianZheng DorianZheng merged commit 28ca30b into main Mar 22, 2026
1 check failed
@DorianZheng DorianZheng deleted the ui/visual-reskin branch March 22, 2026 09:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant